$(function (){
    var sub1=$('.course_list>li');
    var sub2=$('.subnav_list');
    console.log(sub2);
    sub1.hover(function (){
        var index=$(this).index();
        sub2.eq(index).stop().animate({'width':'200px'});
    },function(){
        var index=$(this).index();
        sub2.eq(index).animate({'width':'0'});
    })
})